<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/validation.js"></script>
<script type="text/javascript" src="../js/discountFunctions.js"></script>
<script type="text/javascript" src="../js/discount.js"></script>
<title>Discounts</title>
<style type="text/css">
label{
float: left;
clear:left;
width:150px;
}
input{
float: left;
margin-bottom: 5px;
}
input[type="submit"],p{
clear:left;
}
input[type="submit"]{
margin:20px 0;
}
p{
font-weight: bold;
}
p span{
font-size:150%;
color: green;
}
span.validation{
color: red;
float: left;
margin-right: 8px;
display: none;
}



</style>
</head>
<body>
	<form id="discountedPrice">
		<fieldset>
			<label for="productPrice">Product Price (£)</label>
			<input type="text"  id="productPrice"/>
			<span id="dicountRequired" class="validation">Required</span>
			<span class="validation">Please, enter a number</span>
			
			
			
			<label for="normalDiscount" id="labelNormalDiscount">Normal Discount %</label>
			<input type="radio" id="normalDiscount" name="discountOption" value="normalDiscount" checked="checked"/>
			
			<label for="discount" id="discountLabel"> Discount in %</label>
			<input type="text"  id="discount"/>
			<span class="validation">Required</span>
			<span class="validation">Please, enter a number</span>
			<span class="validation">The discount should be between 1 and 100%</span>
			
				
			<label for="easterDiscount">Easter Discount %</label>
			<input type="radio" id="easterDiscount" name="discountOption" value="easterDiscount"/>
			
			
			<label for="christmasDiscount">Christmas Discount %</label>
			<input type="radio" id="christmasDiscount" name="discountOption" value="christmasDiscount"/>
		
			<input type="submit" value="calculate discount"/>
			
			<p>The final discounted price of the product is £ <span id="finalPrice"></span>.</p>
		
		</fieldset>
		
	</form>


</body>
</html>